body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside,
details, figcaption, figure, hgroup, menu, nav {
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

input, textarea, select {
  *font-size: 100%; }

a {
  text-decoration: none;
  color: #000000; }

.fl {
  float: left; }

.fr {
  float: right; }

.clearfix {
  clear: both; }

body {
  width: 100%; }

body {
  width: 100%; }

section {
  width: 1366px;
  margin: 0 auto;
  background-color: white;
  padding-bottom: 40px; }
  section .cell > .warp {
    overflow: hidden; }
  section .cell > .warp img:hover {
    -webkit-transform: scale(1.2) rotateY(360deg);
            transform: scale(1.2) rotateY(360deg);
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s; }
  section .shoujiao {
    width: 100%; }
    section .shoujiao .shoujiaoleft {
      width: 132px;
      height: 420px;
      float: left;
      position: relative; }
      section .shoujiao .shoujiaoleft img {
        width: 132px;
        height: 420px; }
      section .shoujiao .shoujiaoleft .warp {
        width: 132px;
        height: 420px;
        position: absolute;
        top: 0;
        left: 0;
        background: black;
        opacity: 0.6;
        transition: opacity 0.3s; }
      section .shoujiao .shoujiaoleft .left {
        left: 56px;
        top: 184px;
        position: absolute; }
        section .shoujiao .shoujiaoleft .left img {
          width: 16px;
          height: 30px; }
      section .shoujiao .shoujiaoleft:hover .warp {
        transition: opacity 0.3s;
        opacity: 0.3; }
      section .shoujiao .shoujiaoleft:hover ~ .shoujiaomain .shoujiaomain-warp {
        transition: left 1s;
        left: 100%; }
    section .shoujiao .shoujiaomain {
      width: 1099px;
      height: 420px;
      overflow: hidden;
      position: relative; }
      section .shoujiao .shoujiaomain .shoujiaomain-warp {
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0; }
        section .shoujiao .shoujiaomain .shoujiaomain-warp .bg {
          width: 1099px;
          height: 420px; }
        section .shoujiao .shoujiaomain .shoujiaomain-warp .triangle {
          width: 319px;
          height: 283px;
          position: absolute;
          top: 197px;
          left: 382px;
          -webkit-animation: bottomside 1s ease;
                  animation: bottomside 1s ease; }
        section .shoujiao .shoujiaomain .shoujiaomain-warp .rectangle {
          width: 701px;
          height: 228px;
          position: absolute;
          top: 0;
          left: 0;
          background-color: white;
          -webkit-animation: topside 1s ease;
                  animation: topside 1s ease; }
        section .shoujiao .shoujiaomain .shoujiaomain-warp .clothes {
          position: absolute;
          width: 364px;
          height: 418px;
          top: 30px;
          left: 146px;
          -webkit-animation: leftside 0.5s ease;
                  animation: leftside 0.5s ease; }

@-webkit-keyframes topside {
  from {
    top: -100%; }
  to {
    top: 0; } }

@keyframes topside {
  from {
    top: -100%; }
  to {
    top: 0; } }

@-webkit-keyframes bottomside {
  from {
    top: 420px; }
  to {
    top: 197px; } }

@keyframes bottomside {
  from {
    top: 420px; }
  to {
    top: 197px; } }

@-webkit-keyframes leftside {
  from {
    left: -100%; }
  to {
    left: 146px; } }

@keyframes leftside {
  from {
    left: -100%; }
  to {
    left: 146px; } }
    section .shoujiao .shoujiaoright {
      width: 134px;
      height: 420px;
      float: left;
      position: relative; }
      section .shoujiao .shoujiaoright img {
        width: 134px;
        height: 420px; }
      section .shoujiao .shoujiaoright .warp {
        width: 134px;
        height: 420px;
        position: absolute;
        top: 0;
        left: 0;
        background: black;
        opacity: 0.6;
        transition: opacity 0.3s; }
      section .shoujiao .shoujiaoright .right {
        left: 77px;
        top: 184px;
        position: absolute; }
        section .shoujiao .shoujiaoright .right img {
          width: 16px;
          height: 30px; }
      section .shoujiao .shoujiaoright:hover .warp {
        transition: opacity 0.3s;
        opacity: 0.3; }
    section .shoujiao .shoujiaobottom {
      width: 1100px;
      height: 82px;
      margin: 5px auto 0 auto; }
      section .shoujiao .shoujiaobottom .main {
        margin-right: 5px;
        position: relative; }
        section .shoujiao .shoujiaobottom .main img {
          width: 216px;
          height: 82px;
          display: block; }
      section .shoujiao .shoujiaobottom div:nth-last-of-type(2) {
        margin-right: 0; }
    section .shoujiao .meng::before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: black;
      opacity: 0.7; }
  section .tuijian {
    width: 1260px;
    margin: 42px auto 0 auto; }
    section .tuijian > p {
      width: 66px;
      line-height: 16px;
      margin: 0 auto; }
    section .tuijian .tuijianbanner {
      width: 100%;
      margin-top: 38px; }
      section .tuijian .tuijianbanner .tuijianleft {
        cursor: pointer;
        margin-top: 63px; }
        section .tuijian .tuijianbanner .tuijianleft img {
          width: 16px;
          height: 30px; }
      section .tuijian .tuijianbanner .make .makecell {
        height: 140px;
        transition: all 0.5s; }
        section .tuijian .tuijianbanner .make .makecell:hover {
          box-shadow: 0px 0px 12px black;
          transition: all 0.5s; }
        section .tuijian .tuijianbanner .make .makecell img {
          margin-left: 38px;
          margin-right: 31px; }
        section .tuijian .tuijianbanner .make .makecell .mcright > p {
          height: 14px;
          line-height: 14px;
          font-size: 14px;
          margin-top: 30px;
          color: #444f58; }
        section .tuijian .tuijianbanner .make .makecell .selectmake {
          margin-top: 22px;
          width: 105px; }
          section .tuijian .tuijianbanner .make .makecell .selectmake > p:first-of-type {
            width: 54px;
            height: 19px;
            background-color: #eb413d;
            font-size: 13px;
            padding-top: 3px;
            text-align: center; }
            section .tuijian .tuijianbanner .make .makecell .selectmake > p:first-of-type a {
              text-decoration: none;
              color: white; }
          section .tuijian .tuijianbanner .make .makecell .selectmake > p:nth-of-type(2) {
            width: 51px;
            height: 19px;
            background-color: black;
            font-size: 13px;
            padding-top: 3px;
            text-align: center; }
            section .tuijian .tuijianbanner .make .makecell .selectmake > p:nth-of-type(2) a {
              text-decoration: none;
              color: white; }
          section .tuijian .tuijianbanner .make .makecell .selectmake > p:nth-of-type(3) {
            margin-top: 9px;
            height: 9px;
            font-size: 9px;
            color: #444f58; }
      section .tuijian .tuijianbanner .make .mc1 {
        margin-left: 46px;
        padding-right: 14px;
        width: 289px; }
        section .tuijian .tuijianbanner .make .mc1 img {
          width: 100px;
          height: 114px;
          margin-top: 10px; }
      section .tuijian .tuijianbanner .make .mc2 {
        padding-right: 11px;
        border-left: 1px solid #e5e5e5; }
        section .tuijian .tuijianbanner .make .mc2 img {
          width: 88px;
          height: 118px;
          margin-top: 7px; }
      section .tuijian .tuijianbanner .make .mc3 {
        padding-right: 17px;
        border-left: 1px solid #e5e5e5; }
        section .tuijian .tuijianbanner .make .mc3 img {
          width: 73px;
          height: 129px;
          margin-top: 1px; }
      section .tuijian .tuijianbanner .make .mc4 {
        border-left: 1px solid #e5e5e5;
        padding-right: 13px; }
        section .tuijian .tuijianbanner .make .mc4 img {
          width: 94px;
          height: 121px;
          margin-top: 6px; }
      section .tuijian .tuijianbanner .tuijianright {
        margin-top: 43px;
        margin-right: 0px;
        cursor: pointer; }
        section .tuijian .tuijianbanner .tuijianright img {
          width: 16px;
          height: 30px; }
  section .ad {
    width: 1100px;
    margin: 40px auto 0 auto; }
    section .ad img {
      width: 1100px;
      height: 168px; }
  section .makeride {
    width: 1100px;
    margin: 39px auto 0 auto; }
    section .makeride .top {
      height: 16px;
      font-size: 0; }
      section .makeride .top > p:first-of-type {
        display: block;
        margin-left: 515px;
        font-size: 16px; }
      section .makeride .top > p:nth-of-type(2) {
        margin-top: 3px;
        font-size: 10px;
        line-height: 14px; }
    section .makeride .ridecontent {
      width: 1100px;
      margin-top: 40px; }
      section .makeride .ridecontent .acc {
        width: 200px;
        margin-top: 1px; }
        section .makeride .ridecontent .acc .img-warp {
          position: relative; }
          section .makeride .ridecontent .acc .img-warp img {
            width: 200px;
            height: 116px;
            display: block; }
          section .makeride .ridecontent .acc .img-warp p {
            position: absolute;
            top: 49px;
            left: 77px;
            font-size: 18px;
            line-height: 18px;
            color: white;
            border-bottom: 2px solid white;
            width: 44px;
            text-align: justify; }
            section .makeride .ridecontent .acc .img-warp p::after {
              content: "";
              display: inline-block;
              width: 100%;
              height: 0; }
        section .makeride .ridecontent .acc .acclist {
          width: 100%;
          background-color: #efefef;
          padding-top: 10px;
          padding-bottom: 15px;
          margin-top: 8px; }
          section .makeride .ridecontent .acc .acclist ul li {
            line-height: 42px;
            font-size: 16px;
            text-align: center;
            transition: all 0.6s; }
            section .makeride .ridecontent .acc .acclist ul li:hover {
              box-shadow: 0px 0px 12px black;
              transition: all 0.6s; }
            section .makeride .ridecontent .acc .acclist ul li a {
              color: #7f7f7f; }
      section .makeride .ridecontent .sportlevel {
        width: 268px;
        margin-left: 8px;
        overflow: hidden; }
        section .makeride .ridecontent .sportlevel .puji {
          width: 100%;
          position: relative;
          overflow: hidden; }
          section .makeride .ridecontent .sportlevel .puji:hover img {
            -webkit-transform: scale(1.2);
                    transform: scale(1.2);
            transition: -webkit-transform 0.5s;
            transition: transform 0.5s;
            transition: transform 0.5s, -webkit-transform 0.5s; }
          section .makeride .ridecontent .sportlevel .puji img {
            width: 268px;
            height: 281px;
            -webkit-transform: scale(1);
                    transform: scale(1);
            transition: -webkit-transform 0.5s;
            transition: transform 0.5s;
            transition: transform 0.5s, -webkit-transform 0.5s;
            display: block; }
          section .makeride .ridecontent .sportlevel .puji .red {
            position: absolute;
            width: 100%;
            height: 65px;
            opacity: 0.9;
            font-size: 0;
            top: 215px;
            left: 0;
            background-color: red; }
            section .makeride .ridecontent .sportlevel .puji .red p {
              color: white;
              position: absolute; }
            section .makeride .ridecontent .sportlevel .puji .red p:first-of-type {
              top: 17px;
              left: 23px;
              font-size: 19px;
              letter-spacing: 2px;
              display: inline-block; }
            section .makeride .ridecontent .sportlevel .puji .red p:nth-of-type(2) {
              right: 16px;
              bottom: 12px;
              font-size: 11px;
              display: inline-block; }
              section .makeride .ridecontent .sportlevel .puji .red p:nth-of-type(2) a {
                color: white; }
        section .makeride .ridecontent .sportlevel .pro {
          width: 100%;
          position: relative;
          overflow: hidden;
          margin-top: 7px; }
          section .makeride .ridecontent .sportlevel .pro:hover img {
            -webkit-transform: scale(1.2);
                    transform: scale(1.2);
            transition: -webkit-transform 0.5s;
            transition: transform 0.5s;
            transition: transform 0.5s, -webkit-transform 0.5s; }
          section .makeride .ridecontent .sportlevel .pro img {
            width: 268px;
            height: 281px;
            -webkit-transform: scale(1);
                    transform: scale(1);
            transition: -webkit-transform 0.5s;
            transition: transform 0.5s;
            transition: transform 0.5s, -webkit-transform 0.5s;
            display: block; }
          section .makeride .ridecontent .sportlevel .pro .red {
            position: absolute;
            width: 100%;
            height: 65px;
            opacity: 0.9;
            font-size: 0;
            top: 215px;
            left: 0;
            background-color: red; }
            section .makeride .ridecontent .sportlevel .pro .red p {
              color: white;
              position: absolute; }
            section .makeride .ridecontent .sportlevel .pro .red p:first-of-type {
              top: 17px;
              left: 23px;
              font-size: 19px;
              letter-spacing: 2px;
              display: inline-block; }
            section .makeride .ridecontent .sportlevel .pro .red p:nth-of-type(2) {
              right: 16px;
              bottom: 12px;
              font-size: 11px;
              display: inline-block; }
              section .makeride .ridecontent .sportlevel .pro .red p:nth-of-type(2) a {
                color: white; }
      section .makeride .ridecontent .rideclothes {
        width: 618px;
        margin-top: 1px;
        margin-left: 6px; }
        section .makeride .ridecontent .rideclothes .rc-cell {
          width: 200px;
          transition: all 1s;
          margin-right: 9px;
          margin-top: 8px; }
          section .makeride .ridecontent .rideclothes .rc-cell:nth-of-type(1), section .makeride .ridecontent .rideclothes .rc-cell:nth-of-type(2), section .makeride .ridecontent .rideclothes .rc-cell:nth-of-type(3) {
            margin-top: 0; }
          section .makeride .ridecontent .rideclothes .rc-cell:nth-of-type(3n) {
            margin-right: 0; }
          section .makeride .ridecontent .rideclothes .rc-cell:hover {
            box-shadow: 0px 0px 12px black; }
          section .makeride .ridecontent .rideclothes .rc-cell .rc-warp {
            border: 1px solid #efefef;
            width: 198px; }
            section .makeride .ridecontent .rideclothes .rc-cell .rc-warp img {
              width: 198px;
              height: 198px;
              display: block; }
          section .makeride .ridecontent .rideclothes .rc-cell .rc-bottom {
            background-color: #efefef;
            width: 175px;
            height: 58px;
            padding-top: 12px;
            padding-left: 14px;
            padding-right: 11px;
            padding-bottom: 10px;
            font-size: 0; }
            section .makeride .ridecontent .rideclothes .rc-cell .rc-bottom p:first-of-type {
              font-size: 14px;
              width: 84px;
              text-align: left;
              height: 14px;
              color: #444f58;
              transition: all 1s; }
            section .makeride .ridecontent .rideclothes .rc-cell .rc-bottom p:nth-of-type(2) {
              height: 10px;
              color: #444f58;
              margin-top: 10px;
              transition: all 1s;
              font-size: 10px;
              width: 32px;
              text-align: left; }
            section .makeride .ridecontent .rideclothes .rc-cell .rc-bottom div {
              height: 20px;
              margin-top: 4px;
              text-align: right;
              font-size: 0;
              transition: all 1s; }
              section .makeride .ridecontent .rideclothes .rc-cell .rc-bottom div .like {
                height: 20px;
                width: 83px;
                display: inline-block;
                text-align: center;
                font-size: 11px;
                line-height: 20px;
                color: white;
                background-color: black;
                border-radius: 10px; }
                section .makeride .ridecontent .rideclothes .rc-cell .rc-bottom div .like a {
                  color: white; }
                  section .makeride .ridecontent .rideclothes .rc-cell .rc-bottom div .like a img {
                    width: 11px;
                    height: 11px;
                    vertical-align: -2px;
                    margin-left: 7px;
                    margin-top: 4px; }
  section .run {
    width: 1100px;
    margin: 44px auto 0 auto; }
    section .run .top {
      height: 16px;
      font-size: 0; }
      section .run .top > p:first-of-type {
        display: block;
        margin-left: 515px;
        font-size: 16px; }
      section .run .top > p:nth-of-type(2) {
        margin-top: 3px;
        font-size: 10px;
        line-height: 14px; }
    section .run .content {
      width: 100%;
      margin-top: 37px; }
      section .run .content .runad .img-warp {
        border: 1px solid #efefef; }
        section .run .content .runad .img-warp img {
          width: 545px;
          height: 214px;
          display: block; }
      section .run .content .runbottom {
        width: 1098px;
        margin: 6px 1px 0 1px; }
        section .run .content .runbottom .list {
          width: 199px;
          background-color: #efefef;
          padding-top: 6px;
          padding-bottom: 15px; }
          section .run .content .runbottom .list ul li {
            line-height: 45px;
            font-size: 16px;
            text-align: center;
            transition: all 0.6s; }
            section .run .content .runbottom .list ul li:hover {
              box-shadow: 0px 0px 12px black;
              transition: all 0.6s; }
            section .run .content .runbottom .list ul li a {
              color: #7f7f7f; }
        section .run .content .runbottom .runbtmr {
          width: 891px; }
          section .run .content .runbottom .runbtmr .runbtmcell {
            width: 215px;
            transition: all 1s;
            margin-right: 10px; }
            section .run .content .runbottom .runbtmr .runbtmcell:last-of-type {
              margin-right: 0; }
            section .run .content .runbottom .runbtmr .runbtmcell:hover {
              box-shadow: 0px 0px 12px black; }
            section .run .content .runbottom .runbtmr .runbtmcell .runbtmwarp {
              border: 1px solid #efefef;
              width: 213px; }
              section .run .content .runbottom .runbtmr .runbtmcell .runbtmwarp img {
                width: 213px;
                height: 213px;
                display: block; }
            section .run .content .runbottom .runbtmr .runbtmcell .run-bottom {
              background-color: #efefef;
              width: 190px;
              height: 58px;
              padding-top: 12px;
              padding-left: 14px;
              padding-right: 11px;
              padding-bottom: 10px;
              font-size: 0; }
              section .run .content .runbottom .runbtmr .runbtmcell .run-bottom p:first-of-type {
                font-size: 14px;
                width: 84px;
                text-align: left;
                height: 14px;
                color: #444f58;
                transition: all 1s; }
              section .run .content .runbottom .runbtmr .runbtmcell .run-bottom p:nth-of-type(2) {
                height: 10px;
                color: #444f58;
                margin-top: 10px;
                transition: all 1s;
                font-size: 10px;
                width: 32px;
                text-align: left; }
              section .run .content .runbottom .runbtmr .runbtmcell .run-bottom div {
                height: 20px;
                margin-top: 4px;
                text-align: right;
                font-size: 0;
                transition: all 1s; }
                section .run .content .runbottom .runbtmr .runbtmcell .run-bottom div .like {
                  height: 20px;
                  width: 83px;
                  display: inline-block;
                  text-align: center;
                  font-size: 11px;
                  line-height: 20px;
                  color: white;
                  background-color: black;
                  border-radius: 10px; }
                  section .run .content .runbottom .runbtmr .runbtmcell .run-bottom div .like a {
                    color: white; }
                    section .run .content .runbottom .runbtmr .runbtmcell .run-bottom div .like a img {
                      width: 11px;
                      height: 11px;
                      vertical-align: -2px;
                      margin-left: 7px;
                      margin-top: 4px; }
  section .tiesan {
    width: 1099px;
    margin: 43px auto 0 auto; }
    section .tiesan .top {
      height: 16px;
      font-size: 0; }
      section .tiesan .top > p:first-of-type {
        display: block;
        margin-left: 515px;
        font-size: 16px; }
      section .tiesan .top > p:nth-of-type(2) {
        margin-top: 3px;
        font-size: 10px;
        line-height: 14px; }
    section .tiesan .content {
      width: 100%;
      margin-top: 37px; }
      section .tiesan .content .runad .img-warp {
        border: 1px solid #efefef; }
        section .tiesan .content .runad .img-warp img {
          width: 544px;
          height: 214px;
          display: block; }
      section .tiesan .content .tiesanbottom {
        width: 100%;
        margin-top: 7px; }
        section .tiesan .content .tiesanbottom .tiesanbtml .img-w {
          position: relative; }
          section .tiesan .content .tiesanbottom .tiesanbtml .img-w img {
            width: 199px;
            height: 133px;
            display: block; }
          section .tiesan .content .tiesanbottom .tiesanbtml .img-w p {
            position: absolute;
            top: 63px;
            left: 75px;
            font-size: 18px;
            line-height: 18px;
            color: white;
            border-bottom: 2px solid white;
            width: 44px;
            text-align: justify; }
            section .tiesan .content .tiesanbottom .tiesanbtml .img-w p::after {
              content: "";
              display: inline-block;
              width: 100%;
              height: 0; }
        section .tiesan .content .tiesanbottom .tiesanbtml .tiesanlist {
          width: 199px;
          background-color: #efefef;
          padding-top: 14px;
          padding-bottom: 15px;
          margin-top: 7px; }
          section .tiesan .content .tiesanbottom .tiesanbtml .tiesanlist ul li {
            line-height: 45px;
            font-size: 16px;
            text-align: center;
            transition: all 0.6s; }
            section .tiesan .content .tiesanbottom .tiesanbtml .tiesanlist ul li:hover {
              box-shadow: 0px 0px 12px black;
              transition: all 0.6s; }
            section .tiesan .content .tiesanbottom .tiesanbtml .tiesanlist ul li a {
              color: #7f7f7f; }
        section .tiesan .content .tiesanbottom .tiesanbtmr {
          width: 890px; }
          section .tiesan .content .tiesanbottom .tiesanbtmr .tiesanbtmcell {
            width: 215px;
            transition: all 1s;
            margin-right: 10px; }
            section .tiesan .content .tiesanbottom .tiesanbtmr .tiesanbtmcell:last-of-type {
              margin-right: 0; }
            section .tiesan .content .tiesanbottom .tiesanbtmr .tiesanbtmcell:hover {
              box-shadow: 0px 0px 12px black; }
            section .tiesan .content .tiesanbottom .tiesanbtmr .tiesanbtmcell .tiesanbtmwarp {
              border: 1px solid #efefef;
              width: 213px; }
              section .tiesan .content .tiesanbottom .tiesanbtmr .tiesanbtmcell .tiesanbtmwarp img {
                width: 213px;
                height: 213px;
                display: block; }
            section .tiesan .content .tiesanbottom .tiesanbtmr .tiesanbtmcell .tiesan-bottom {
              background-color: #efefef;
              width: 190px;
              height: 58px;
              padding-top: 12px;
              padding-left: 14px;
              padding-right: 11px;
              padding-bottom: 10px;
              font-size: 0; }
              section .tiesan .content .tiesanbottom .tiesanbtmr .tiesanbtmcell .tiesan-bottom p:first-of-type {
                font-size: 14px;
                width: 84px;
                text-align: left;
                height: 14px;
                color: #444f58;
                transition: all 1s; }
              section .tiesan .content .tiesanbottom .tiesanbtmr .tiesanbtmcell .tiesan-bottom p:nth-of-type(2) {
                height: 10px;
                color: #444f58;
                margin-top: 10px;
                transition: all 1s;
                font-size: 10px;
                width: 32px;
                text-align: left; }
              section .tiesan .content .tiesanbottom .tiesanbtmr .tiesanbtmcell .tiesan-bottom div {
                height: 20px;
                margin-top: 4px;
                text-align: right;
                font-size: 0;
                transition: all 1s; }
                section .tiesan .content .tiesanbottom .tiesanbtmr .tiesanbtmcell .tiesan-bottom div .like {
                  height: 20px;
                  width: 83px;
                  display: inline-block;
                  text-align: center;
                  font-size: 11px;
                  line-height: 20px;
                  color: white;
                  background-color: black;
                  border-radius: 10px; }
                  section .tiesan .content .tiesanbottom .tiesanbtmr .tiesanbtmcell .tiesan-bottom div .like a {
                    color: white; }
                    section .tiesan .content .tiesanbottom .tiesanbtmr .tiesanbtmcell .tiesan-bottom div .like a img {
                      width: 11px;
                      height: 11px;
                      vertical-align: -2px;
                      margin-left: 7px;
                      margin-top: 4px; }
  section .relax {
    width: 1100px;
    margin: 41px auto 0 auto; }
    section .relax .title {
      height: 15px;
      line-height: 15px;
      font-size: 15px;
      text-align: center; }
    section .relax .content {
      width: 100%;
      margin-top: 41px;
      overflow: hidden; }
      section .relax .content .contentcell {
        width: 272px;
        height: 300px;
        position: relative;
        overflow: hidden;
        margin-right: 3.55px; }
        section .relax .content .contentcell:nth-of-type(4) {
          margin-right: 0; }
        section .relax .content .contentcell:hover img {
          -webkit-transform: scale(1.2);
                  transform: scale(1.2);
          transition: -webkit-transform 0.5s;
          transition: transform 0.5s;
          transition: transform 0.5s, -webkit-transform 0.5s; }
        section .relax .content .contentcell img {
          width: 270px;
          height: 298px;
          border: 1px solid #efefef;
          -webkit-transform: scale(1);
                  transform: scale(1);
          transition: -webkit-transform 0.5s;
          transition: transform 0.5s;
          transition: transform 0.5s, -webkit-transform 0.5s;
          display: block; }
        section .relax .content .contentcell .red {
          position: absolute;
          width: 100%;
          height: 80px;
          opacity: 0.9;
          font-size: 0;
          top: 220px;
          left: 0;
          background-color: red; }
          section .relax .content .contentcell .red p {
            color: white;
            position: absolute; }
          section .relax .content .contentcell .red p:first-of-type {
            top: 23px;
            left: 26px;
            font-size: 20px;
            letter-spacing: 1px;
            display: inline-block; }
          section .relax .content .contentcell .red p:nth-of-type(2) {
            right: 13px;
            bottom: 16px;
            font-size: 11px;
            display: inline-block; }
            section .relax .content .contentcell .red p:nth-of-type(2) a {
              color: white; }
  section .brand {
    width: 1098px;
    margin: 46px auto 0 auto; }
    section .brand .title {
      width: 100%;
      height: 15px;
      font-size: 15px;
      text-align: center;
      color: #444f58; }
    section .brand .brandcontent {
      width: 100%;
      margin-top: 41px; }
      section .brand .brandcontent .brandcell {
        margin-right: 8px;
        margin-top: 7px; }
        section .brand .brandcontent .brandcell:nth-of-type(1), section .brand .brandcontent .brandcell:nth-of-type(2), section .brand .brandcontent .brandcell:nth-of-type(3), section .brand .brandcontent .brandcell:nth-of-type(4), section .brand .brandcontent .brandcell:nth-of-type(5), section .brand .brandcontent .brandcell:nth-of-type(6) {
          margin-top: 0; }
        section .brand .brandcontent .brandcell img {
          width: 176px;
          height: 83px;
          display: block; }
        section .brand .brandcontent .brandcell:nth-of-type(6n) {
          margin-right: 0; }
        section .brand .brandcontent .brandcell p {
          width: 176px;
          height: 49px;
          padding-top: 34px;
          text-align: center; }
          section .brand .brandcontent .brandcell p a {
            font-size: 12px; }
